<template>
<div class="wrapper">
    <!--区域-->
    <HomePosition/>
    <!--搜索-->
    <HomeSearch/>
    <!--Banner-->
    <HomeBanner/>
    <!--图标-->
    <HomeIcons/>
    <!--附近商铺-->
    <HomeNearby/>
</div>
<!--Docker-->
<HomeDocker/>
</template>

<style lang="scss">
.wrapper {
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: .5rem;
  right: 0;
  padding: 0 .18rem .1rem .18rem;
}
</style>

<script>
import HomePosition from './HomePosition.vue'
import HomeSearch from './HomeSearch.vue'
import HomeBanner from './HomeBanner.vue'
import HomeIcons from './HomeIcons.vue'
import HomeNearby from './HomeNearby.vue'
import HomeDocker from './HomeDocker.vue'

export default {
  name: 'Home',
  components: {
    HomePosition,
    HomeSearch,
    HomeBanner,
    HomeIcons,
    HomeNearby,
    HomeDocker
  }
}
</script>
